<template>
	<footer>
		<div class="search">
			<div class="logo">
				<strong>LOGO</strong>
				<strong>宠物乐园</strong>
			</div>
			<form action="" method="post">
				<input type="text" placeholder="请输入关键字" />
				<a href="javascript:;" class="btn"><input type="submit" value=""/></a>
			</form>
		</div>
		<div class="contact">
			<p class="foot_Tie">联系方式</p>
			<p>地点：中国地区XX分区5A写字楼8-88室</p>
			<p>邮箱：websi**@qq.com</p>
			<p>手机：000-0000000</p>
			<p>传真：021-0000000</p>
		</div>
		<div class="about">
			<p class="foot_Tie">关于我们</p>
			<p>吸收全球业界的先进经验，不断强化自身的研发实力，以多名动物营养硕士和兽医为核心，建立了亚洲最大的宠物食品研发中心。</p>
			<p>制定了适口性、营养全面提升的每年计划。由国内外知名学者教授为核心的宠物营养研究所也在筹备中。</p>
		</div>
		<div class="coder">
			<p class="foot_Tie">扫一扫关注</p>
			<img src="../../assets/50r9.jpg" alt="" />
		</div>
		<div class="copyright">Copyright 版权所有 © 某某宠物 沪ICP备xxxxxx号-x</div>
	</footer>
</template>

<script>
	export default {
		components : {
			
		},
		data (){
			return {
			
			}
		},
		methods : {
		
		}
	}
</script>

<style>
	footer{
		background: #362526; text-align: center; overflow:hidden; clear:both;  padding-top: 0.3rem;color: rgb(217, 217, 217); line-height: 0.25rem;
	}
	footer .foot_Tie{
		color: rgb(246, 171, 74); font-size: 0.16rem; margin: 0.2rem 0;  font-weight: bold;
	}
	footer .logo img{
		width: 0.66rem; height: 0.65rem;	
	}
	footer .logo strong{
		font-size: 0.18rem; color: #fff; display: block; margin-bottom: 0.2rem;
	}
	footer .search{
		padding: 0 0.16rem;
	}
	footer .search form{
		border-bottom: 0.01rem solid #4b393a; 
	}
	footer .search .btn{
		height:0.3rem; display: block; float: right; background-size: 0.5rem 0.3rem !important; background: url('../../assets/0sqa.png') center center no-repeat; width: 0.4rem;
	}
	footer .btn input{
		width: 0.4rem; height: 0.3rem; opacity: 0; filter: aplha(opacity:0); cursor: pointer;
	}
	footer .search input[type=text]{
		color: #ccc; border: 0.01rem solid transparent; border-radius: 0.03rem; -webkit-transition: 0.2s; transition: 0.2s; background: none; outline: none; width: 2.2rem; text-indent: 1em; height: 0.3rem; font-size: 0.12rem; line-height: 0.3rem;
	}
	footer .search input:focus{
		border: 0.01rem solid #415A92;
	}
	footer .copyright{
		color: rgb(204, 204, 204); height: 0.63rem; background: rgb(41, 28, 29); line-height: 0.63rem; margin-top: 0.2rem;
	}
	footer .coder img{
		width: 1rem; height: 1rem;
	}
	footer .about{
		padding:0.15rem;
	}
</style>